<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Conference Management</title>
        <%@ include file="include/metatag.jsp" %>
    </head>

    <body>
        <div class="container whitebg">
            <%@ include file="include/header.jsp" %>
            <h3>Conference</h3>
            <a href="conference_new.jsp" class="btn">New Conference</a>
            <br /><br />
            <table class="table table-striped table-hover">
                <tr>
                    <td>No.</td>
                    <td>Role</td>
                    <td>Username</td>
                    <td>Name</td>
                </tr>
                <tr onclick="window.location.href='edit_user.jsp';" onmouseover="this.style.cursor='pointer';">
                    <td>1.</td>
                    <td>Participant</td>
                    <td>david.smith</td>
                    <td>David Smith</td>
                </tr>
                <tr onclick="window.location.href='edit_user.jsp';" onmouseover="this.style.cursor='pointer';">
                    <td>2.</td>
                    <td>Role</td>
                    <td>georgetan</td>
                    <td>George Tan</td>
                </tr>
            </table>
            <div class="pagination">
                <ul>
                    <li><a href="#">Prev</a></li>
                    <li><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">Next</a></li>
                </ul>
            </div>
            <%@ include file="include/footer.jsp" %>
        </div>
    </body>
</html>
